import { createFileRoute } from "@tanstack/react-router";
import Container from "@/components/Container";
import Avatars from "./-Avatars";
import Buttons from "./-Buttons";
import Inputs from "./-Inputs";
import Lists from "./-Lists";
import Modals from "./-Modals";
import Panels from "./-Panels";

export const Route = createFileRoute("/components/")({
  head: () => ({
    meta: [{ title: "Components" }, { name: "description", content: "Components" }],
  }),
  component: Components,
});

function Components() {
  return (
    <Container className="flex flex-col gap-4 my-4">
      <Buttons />
      <Avatars />
      <Inputs />
      <Panels />
      <Lists />
      <Modals />
    </Container>
  );
}
